/* reset */
body,ul,li,input,button,img,h1,p{
  margin: 0;
  padding: 0;
}
button,input{
  border: none;
  outline: none;
}
a{ text-decoration: none;}
img{ display: block;}
ul{ list-style: none;}
input{
  caret-color: #008080;
}
#app{
  font-size: 16px;
  user-select: none;
}
html,body,#app{
  height: 100%;
}
body::-webkit-scrollbar{
  display: none;
}
h1{
  color: #008080;
}
/* flex */
.m_flex{ display: flex;}
.m_fdc{ flex-direction: column;}
.m_fwr{ flex-wrap: wrap;}
.m_fjcsa{ justify-content: space-around;}
.m_fjcsb{ justify-content: space-between;}
.m_fjcfs{ justify-content: flex-start;}
.m_fjcc{ justify-content: center;}
.m_faic{ align-items: center;}
.m_faifs{ align-items: flex-start;}
.m_f1{ flex: 1;}
/* position */
.m_pf{ position: fixed;}
.m_pa{ position: absolute;}
.m_pr{ position: relative;}
.m_pl0{ left: 0;}
.m_pr0{ right: 0;}
.m_pt0{ top: 0;}
.m_pb0{ bottom: 0;}
/* font */
.m_fs10{ font-size: 10px;}
.m_fs12{ font-size: 12px;}
.m_fs14{ font-size: 14px;}
.m_fs15{ font-size: 15px;}
.m_fs16{ font-size: 16px;}
.m_fs17{ font-size: 17px;}
.m_fs18{ font-size: 18px;}
.m_fs20{ font-size: 20px;}
.m_fs22{ font-size: 22px;}
.m_fs24{ font-size: 24px;}
.m_fs28{ font-size: 28px;}
.m_fs30{ font-size: 30px;}
.m_fw{ font-weight: bold;}
/* width */
.m_w{ width: 100%;}
/* height */
.m_h{ height: 100%;}
/* z-index */
.m_z1{ z-index: 10;}
.m_z2{ z-index: 20;}
.m_z3{ z-index: 30;}
.m_z4{ z-index: 40;}
.m_z5{ z-index: 555;}
/* border-radius */
.m_br50p{ border-radius: 50%;}
/* text-align */
.m_tac{ text-align: center;}
.m_tar{ text-align: right;}